<!-- side start -->
<aside class="side">
  <div class="side-activities">
    <h3 class="activities-title">在线课堂<a href="javascript:void(0)">更多</a></h3>
    <div class="activities-img">
      <a href="javascript:void(0);" target="_blank">
        <img src="https://res.shiguangkey.com//file/201804/26/20180426142628123364782.jpg" alt="title">
      </a>
      <p class="activities-tips">外国Girl在向你招手</p>
    </div>
    <ul class="activities-list">
      <li>
        <a href="javascript:void(0);" target="_blank">
          <span class="active-status active-start">报名中</span>
          <span class="active-title"> Python基础班</span>
        </a>
      </li>
      <li>
        <a href="javascript:void(0);" target="_blank">
          <span class="active-status active-end">已结束</span>
          <span class="active-title">法语基础班</span>
        </a>
      </li>
    </ul>
  </div>
  <div class="side-attention clearfix">
    <h3 class="attention-title">关注我</h3>
    <ul class="side-attention-address">
      <li>
        <a href="javascript:void(0);" target="_blank"><i class="PyWhich py-GitHub"></i>付帅帅</a>
      </li>
      <li>
        <a href="javascript:void(0);" target="_blank"><i class="PyWhich py-zhihu"
                                                         style="color:rgb(0, 108, 226);"></i>付帅帅付帅帅</a>
      </li>
      <li>
        <a href="javascript:void(0);" target="_blank"><i class="PyWhich py-weibo"
                                                         style="color:rgba(245, 100, 103)"></i>付帅帅</a>
      </li>
    </ul>
    <div class="side-attention-qr">
      <p>扫码关注</p>
    </div>
  </div>
  <div class="side-hot-recommend">
    <h3 class="hot-recommend">热门推荐</h3>
    <ul class="hot-news-list">
      <li>
        <a href="javascript:void(0)" class="hot-news-contain clearfix">
          <div class="hot-news-thumbnail">
            <img src="http://a1.qpic.cn/psb?/V13Pc4324LdOaJ/EaLrCUqB.T14wh*zo.6jalz0OlnGr7k*Ka5MzNoWnsY!/b/dAgBAAAAAAAA"
                 alt="">
          </div>
          <div class="hot-news-content">
            <p class="hot-news-title">湖南信息技术类中高职衔接培训班来访潭州，探索互联网+教育新模式</p>
            <div class="hot-news-other clearfix">
              <span class="news-type">热点</span>
              <time class="news-pub-time" datetime="6-16">6月16日</time>
              <span class="news-author">Which</span>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="javascript:void(0)" class="hot-news-contain clearfix">
          <div class="hot-news-thumbnail">
            <img src="http://a1.qpic.cn/psb?/V13Pc4324LdOaJ/EaLrCUqB.T14wh*zo.6jalz0OlnGr7k*Ka5MzNoWnsY!/b/dAgBAAAAAAAA"
                 alt="">
          </div>
          <div class="hot-news-content">
            <p class="hot-news-title">湖南信息技术类中高职衔接培训班来访潭州，探索互联网+教育新模式</p>
            <div class="hot-news-other clearfix">
              <span class="news-type">热点</span>
              <time class="news-pub-time" datetime="6-16">6月16日</time>
              <span class="news-author">Which</span>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a href="javascript:void(0)" class="hot-news-contain clearfix">
          <div class="hot-news-thumbnail">
            <img src="http://a1.qpic.cn/psb?/V13Pc4324LdOaJ/EaLrCUqB.T14wh*zo.6jalz0OlnGr7k*Ka5MzNoWnsY!/b/dAgBAAAAAAAA"
                 alt="">
          </div>
          <div class="hot-news-content">
            <p class="hot-news-title">湖南信息技术类中高职衔接培训班来访潭州，探索互联网+教育新模式</p>
            <div class="hot-news-other clearfix">
              <span class="news-type">热点</span>
              <time class="news-pub-time" datetime="6-16">6月16日</time>
              <span class="news-author">Which</span>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</aside>
<!-- side end -->